<template>
	<view>
		<view class="table-title">
			{{ucQuotable.name}}
		</view>
		<view class="uni-container" style="line-height: 40rpx;">
			<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
				<uni-tr>
					
					<uni-th align="center">
						<uni-row>
							<uni-col :span="4">序号</uni-col>
							<uni-col :span="10">类型</uni-col>
							<uni-col :span="10">项目</uni-col>
						</uni-row>
					</uni-th>
					
				
				</uni-tr>
					
				<uni-tr v-for="(item, index) in ucQuotable.ucQuoProjects" :key="index">
					
					<uni-td align="center">
						<uni-row>
							<view class="border-solid" style="display: flex;align-items: stretch;line-height: 60rpx;letter-spacing: 1rpx;">
								<uni-col :span="4">
									<view class="border-solid">{{ item.indexNo }}</view>
								</uni-col>
								<uni-col :span="20">
									<uni-col :span="24">
										<view style="display: flex;align-items: stretch;!important">
											<uni-col :span="12">
												<view class="border-solid">
													<DictTag option="quota_type" :value="item.quotaType"/>
												</view>
											</uni-col>
											<uni-col :span="12">
												<view class="border-solid">
													{{ item.name }}
												</view>
											</uni-col>
										</view>
										
									</uni-col>
									<uni-col :span="24">
										<view class="border-solid">
											<view style="margin-left: 3%;margin-right: 3%;text-align: left;">
												{{ item.content }}
											</view>
										</view>
									</uni-col>
								</uni-col>
								
							</view>
							
						</uni-row>
					</uni-td>
					
				
					
				</uni-tr>
			</uni-table>
			<view style="height: 60rpx;"></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dictTypes:[
					'quota_type'
				],
				dicts:{
					quota_type:[],
				},
				ucQuotable:{}
			}
		},
		mounted() {
			
			this.getUsedTable()

		},
		methods: {
			getUsedTable(){
				this.$http({
					url: '/userConfig/ucQuoTable/getUsedTable',
					method: 'get',
				}).then(res => {
					if(res && res.data){
						this.ucQuotable = res.data
					}
					
				});
			},
			
			
		}
	}
</script>

<style lang="scss">
.table-title{
	height: 140rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bolder;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 70rpx;
	border: solid 1rpx #e8f4ff;
	background-color: #e8f4ff;
	color: #1890ff;
	letter-spacing: 2rpx;
	text-align: center;
}
.border-solid{
	height: 100%;
	width: 100%;
	border: solid 1px #ebeef5;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>
